﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/img/icon.png">

    <!-- Title -->
    <title>Zuka - Clean, Minimal eCommerce Bootstrap 4 Template</title>

    <!-- ************************* CSS Files ************************* -->

    <!-- All Plugins CSS  -->
    <link rel="stylesheet" href="assets/css/plugins.css">

    <!-- Revoulation CSS  -->
    <link rel="stylesheet" href="assets/css/revoulation.css">

    <!-- style CSS -->
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- modernizr JS
    ============================================ -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="default-color">

    <!-- Preloader Start -->
    <div class="zuka-preloader active">
        <div class="zuka-preloader-inner h-100 d-flex align-items-center justify-content-center">
            <div class="zuka-child zuka-bounce1"></div>
            <div class="zuka-child zuka-bounce2"></div>
            <div class="zuka-child zuka-bounce3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Main Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header class="header header-style-1">
            <div class="header-inner">
                <div class="header-top headroom headroom--fixed">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-2 col-6">
                                <!-- Logo Start Here -->
                                <a href="index.html" class="logo-box">
                                    <figure class="logo--normal"> 
                                        <img src="assets/img/logo/logo.png" alt="Logo"/>
                                    </figure>
                                </a>
                                <!-- Logo End Here -->
                            </div>
                            <div class="col-lg-8 d-none d-lg-block">
                                <!-- Main Navigation Start Here -->
                                <nav class="main-navigation">
                                    <ul class="mainmenu mainmenu--centered">
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder active">
                                            <a href="index.html" class="mainmenu__link">
                                                <span class="mm-text">Home</span>
                                            </a>
                                            <ul class="megamenu two-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 01</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="index.html">
                                                                <span class="mm-text">Demo 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-02.html">
                                                                <span class="mm-text">Demo 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-03.html">
                                                                <span class="mm-text">Demo 03</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-04.html">
                                                                <span class="mm-text">Demo 04</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-05.html">
                                                                <span class="mm-text">Demo 05</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 02</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="index-06.html">
                                                                <span class="mm-text">Demo 06</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-07.html">
                                                                <span class="mm-text">Demo 07</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-08.html">
                                                                <span class="mm-text">Demo 08</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-09.html">
                                                                <span class="mm-text">Demo 09</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-10.html">
                                                                <span class="mm-text">Demo 10</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                            <a href="shop-sidebar.html" class="mainmenu__link">
                                                <span class="mm-text">Shop</span>
                                                <span class="badge">Hot</span>
                                            </a>
                                            <ul class="megamenu four-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Layout</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="shop-fullwidth.html">
                                                                <span class="mm-text">FullWidth</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-sidebar.html">
                                                                <span class="mm-text">with Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-two-columns.html">
                                                                <span class="mm-text">Two columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-three-columns.html">
                                                                <span class="mm-text">Three columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-collections.html">
                                                                <span class="mm-text">With collections</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-instagram.html">
                                                                <span class="mm-text">Shop Instagram</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Single Product</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="product-details.html">
                                                                <span class="mm-text">Simple 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-02.html">
                                                                <span class="mm-text">Simple 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sticky.html">
                                                                <span class="mm-text">Sticky Info</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-gallery.html">
                                                                <span class="mm-text">Thumbnail Gallery</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sidebar.html">
                                                                <span class="mm-text">Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-grouped.html">
                                                                <span class="mm-text">Grouped</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-affiliate.html">
                                                                <span class="mm-text">Affiliate</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-configurable.html">
                                                                <span class="mm-text">Configurable</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Pages</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="my-account.html">
                                                                <span class="mm-text">My Account</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="cart.html">
                                                                <span class="mm-text">Shopping Cart</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="checkout.html">
                                                                <span class="mm-text">Check Out</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="wishlist.html">
                                                                <span class="mm-text">Wishlist</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="order-tracking.html">
                                                                <span class="mm-text">Order tracking</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="compare.html">
                                                                <span class="mm-text">compare</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="banner-holder">
                                                    <div class="megamenu-banner">
                                                        <div class="megamenu-banner-image"></div>
                                                        <div class="megamenu-banner-info">
                                                            <span>Autumn Winter 2019</span>
                                                            <h3>new <strong>arrival</strong></h3>
                                                        </div>
                                                        <a href="shop-sidebar.html" class="megamenu-banner-link"></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="#" class="mainmenu__link">
                                                <span class="mm-text">Pages</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li>
                                                    <a href="about-us.html">
                                                        <span class="mm-text">About Us</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="team.html">
                                                        <span class="mm-text">Our teams</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="contact-us.html">
                                                        <span class="mm-text">Contact Page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="404.html">
                                                        <span class="mm-text">404 page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="faqs-page.html">
                                                        <span class="mm-text">FAQs page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="coming-soon.html">
                                                        <span class="mm-text">Coming Soon</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-collections.html" class="mainmenu__link">
                                                <span class="mm-text">Collections</span>
                                            </a>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="blog.html" class="mainmenu__link">
                                                <span class="mm-text">Blog</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Grid</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-02-columns.html">
                                                                <span class="mm-text">Blog 02 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-03-columns.html">
                                                                <span class="mm-text">Blog 03 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog.html">
                                                                <span class="mm-text">Blog Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog List</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-classic.html">
                                                                <span class="mm-text">Blog Classic</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-no-sidebar.html">
                                                                <span class="mm-text">Blog No Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-masonary.html">
                                                        <span class="mm-text">Blog Masonary</span>
                                                    </a>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Details</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="single-post.html">
                                                                <span class="mm-text">Single Post</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="single-post-sidebar.html">
                                                                <span class="mm-text">Single Post Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-instagram.html" class="mainmenu__link">
                                                <span class="mm-text">New Look</span>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- Main Navigation End Here -->
                            </div>
                            <div class="col-lg-2 col-6">
                                <ul class="header-toolbar text-right">
                                    <li class="header-toolbar__item d-lg-none">
                                        <a href="#mobileMenu" class="toolbar-btn menu-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a> 
                                    </li>
                                    <li class="header-toolbar__item">
                                        <a href="#searchForm" class="search-btn toolbar-btn">
                                            <i class="dl-icon-search1"></i>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item">
                                        <a href="#miniCart" class="mini-cart-btn toolbar-btn">
                                            <i class="dl-icon-cart25"></i>
                                            <sup class="mini-cart-count">2</sup>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-none d-lg-block">
                                        <a href="#sideNav" class="toolbar-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a>                                    
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-wrapper" id="mobileMenu">
                <div class="mobile-menu-inner">
                    <a href="" class="btn-close">
                        <span class="hamburger-icon">
                        </span>
                    </a>
                    <nav class="mobile-navigation">
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children active">
                                <a href="index.html">
                                    <span class="mm-text">Home</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 01</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index.html">
                                                    <span class="mm-text">Demo 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-02.html">
                                                    <span class="mm-text">Demo 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-03.html">
                                                    <span class="mm-text">Demo 03</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-04.html">
                                                    <span class="mm-text">Demo 04</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-05.html">
                                                    <span class="mm-text">Demo 05</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 02</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index-06.html">
                                                    <span class="mm-text">Demo 06</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-07.html">
                                                    <span class="mm-text">Demo 07</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-08.html">
                                                    <span class="mm-text">Demo 08</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-09.html">
                                                    <span class="mm-text">Demo 09</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-10.html">
                                                    <span class="mm-text">Demo 10</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="shop-sidebar.html">
                                    <span class="mm-text">Shop</span>
                                    <span class="badge">Hot</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Layout</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="shop-fullwidth.html">
                                                    <span class="mm-text">FullWidth</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-sidebar.html">
                                                    <span class="mm-text">with Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-two-columns.html">
                                                    <span class="mm-text">Two columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-three-columns.html">
                                                    <span class="mm-text">Three columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-collections.html">
                                                    <span class="mm-text">With collections</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-instagram.html">
                                                    <span class="mm-text">Shop Instagram</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Single Product</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="product-details.html">
                                                    <span class="mm-text">Simple 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-02.html">
                                                    <span class="mm-text">Simple 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sticky.html">
                                                    <span class="mm-text">Sticky Info</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-gallery.html">
                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sidebar.html">
                                                    <span class="mm-text">Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-grouped.html">
                                                    <span class="mm-text">Grouped</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-affiliate.html">
                                                    <span class="mm-text">Affiliate</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-configurable.html">
                                                    <span class="mm-text">Configurable</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="my-account.html">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="cart.html">
                                                    <span class="mm-text">Shopping Cart</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">
                                                    <span class="mm-text">Check Out</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">
                                                    <span class="mm-text">Wishlist</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="order-tracking.html">
                                                    <span class="mm-text">Order tracking</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="compare.html">
                                                    <span class="mm-text">compare</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="about-us.html">
                                            <span class="mm-text">About Us</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="team.html">
                                            <span class="mm-text">Our teams</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact-us.html">
                                            <span class="mm-text">Contact Page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="404.html">
                                            <span class="mm-text">404 page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faqs-page.html">
                                            <span class="mm-text">FAQs page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="coming-soon.html">
                                            <span class="mm-text">Coming Soon</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="mobile-menu__item">
                                <a href="shop-collections.html">
                                    <span class="mm-text">Collections</span>
                                </a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="blog.html">
                                    <span class="mm-text">Blog</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Grid</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-02-columns.html">
                                                    <span class="mm-text">Blog 02 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-03-columns.html">
                                                    <span class="mm-text">Blog 03 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog.html">
                                                    <span class="mm-text">Blog Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog List</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-classic.html">
                                                    <span class="mm-text">Blog Classic</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-no-sidebar.html">
                                                    <span class="mm-text">Blog No Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog-masonary.html">
                                            <span class="mm-text">Blog Masonary</span>
                                        </a>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Details</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="single-post.html">
                                                    <span class="mm-text">Single Post</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="single-post-sidebar.html">
                                                    <span class="mm-text">Single Post Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="shop-instagram.html">
                                    <span class="mm-text">New Look</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <!-- Header Area End -->

        <!-- Main Content Wrapper Start -->
        <div id="content" class="main-content-wrapper">
            <!-- Slider area Start -->
            <div class="slider-area">
                <!-- START REVOLUTION SLIDER -->
                <div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="home-02" data-source="gallery" style="background:transparent;padding:0px;">
                    <div id="rev_slider_2_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.7">
                        <ul>    <!-- SLIDE  -->
                            <li data-index="rs-5" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_onepage_2.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="01" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/onepage_2.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-5-layer-3" 
                                     data-x="['left','left','center','center']" data-hoffset="['370','370','0','0']" 
                                     data-y="['middle','middle','top','top']" data-voffset="['0','0','63','73']" 
                                                data-width="['480','480','480','415']"
                                    data-height="['274','274','274','178']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; min-width: 480px; max-width: 480px; max-width: 274px; max-width: 274px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 2 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-5-layer-4" 
                                     data-x="['left','left','left','center']" data-hoffset="['10','10','10','1']" 
                                     data-y="['top','top','top','middle']" data-voffset="['104','104','104','-33']" 
                                                data-fontsize="['36','36','36','30']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+540","speed":1760,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Safavieh Pillow Collection. </div>

                                <!-- LAYER NR. 3 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-5-layer-5" 
                                     data-x="['left','left','left','center']" data-hoffset="['155','155','155','-3']" 
                                     data-y="['top','top','top','top']" data-voffset="['176','176','176','114']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+770","speed":1970,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgb(220,1,9);"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[15,15,15,15]"
                                    data-paddingright="[45,45,45,45]"
                                    data-paddingbottom="[15,15,15,15]"
                                    data-paddingleft="[45,45,45,45]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 17px; font-weight: 400; color: #181818;font-family:Poppins;background-color:rgba(24,24,24,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>

                                <!-- LAYER NR. 4 -->
                                <div class="tp-caption  " 
                                     id="slide-5-layer-1" 
                                     data-x="['center','center','center','center']" data-hoffset="['328','328','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','133','64']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="image" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1500,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5;"><img src="assets/img/slider/dummy.png" alt="" data-ww="['641px','641px','495px','350px']" data-hh="['637px','637px','492px','348px']" data-lazyload="assets/img/slider/onepage_2_2.png" data-no-retina> </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-6" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_onepage_4.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="02" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/onepage_4.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 5 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-6-layer-1" 
                                     data-x="['right','right','center','center']" data-hoffset="['220','220','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                                                data-width="['700','700','700','451']"
                                    data-height="['342','342','342','206']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 700px; max-width: 700px; max-width: 342px; max-width: 342px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 6 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-6-layer-2" 
                                     data-x="['left','left','left','center']" data-hoffset="['191','191','191','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['71','71','71','0']" 
                                                data-fontsize="['20','20','20','18']"
                                    data-letterspacing="['11','11','11','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+350","speed":1600,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 11px;font-family:Poppins;">new collections </div>

                                <!-- LAYER NR. 7 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-6-layer-3" 
                                     data-x="['left','left','left','center']" data-hoffset="['22','22','22','0']" 
                                     data-y="['top','top','top','middle']" data-voffset="['137','137','137','-38']" 
                                                data-fontsize="['46','46','46','28']"
                                    data-lineheight="['22','22','22','36']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+650","speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 46px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Mid Century Sofa Living room </div>

                                <!-- LAYER NR. 8 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-6-layer-4" 
                                     data-x="['left','left','left','center']" data-hoffset="['272','272','272','0']" 
                                     data-y="['bottom','bottom','bottom','bottom']" data-voffset="['72','72','72','42']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+810","speed":2240,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgb(220,1,9);"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[12,12,12,12]"
                                    data-paddingright="[45,45,45,45]"
                                    data-paddingbottom="[12,12,12,12]"
                                    data-paddingleft="[45,45,45,45]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 28px; font-weight: 500; color: #181818;font-family:Poppins;background-color:rgba(0,0,0,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-7" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_onepage_3.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="03" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/onepage_3.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 9 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-7-layer-3" 
                                     data-x="['right','right','center','center']" data-hoffset="['265','265','0','0']" 
                                     data-y="['middle','middle','top','top']" data-voffset="['0','0','100','100']" 
                                                data-width="['494','494','493','443']"
                                    data-height="['382','382','324','255']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','center','center']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; min-width: 494px; max-width: 494px; max-width: 382px; max-width: 382px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 10 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-7-layer-4" 
                                     data-x="['left','left','left','center']" data-hoffset="['2','2','2','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['85','85','85','62']" 
                                                data-fontsize="['36','36','36','26']"
                                    data-lineheight="['50','50','50','40']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+580","speed":1940,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Le Creuset Stoneware Multi<br/> Bowl, Flame </div>

                                <!-- LAYER NR. 11 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-7-layer-5" 
                                     data-x="['left','left','center','center']" data-hoffset="['-4','-4','0','0']" 
                                     data-y="['top','top','middle','middle']" data-voffset="['220','220','64','64']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+820","speed":2040,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgb(220,1,9);"}]'
                                    data-margintop="[,,,]"
                                    data-marginright="[,,,]"
                                    data-marginbottom="[,,,]"
                                    data-marginleft="[,,,]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[12,12,12,12]"
                                    data-paddingright="[50,50,50,50]"
                                    data-paddingbottom="[12,12,12,12]"
                                    data-paddingleft="[50,50,50,50]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 28px; font-weight: 500; color: #181818;font-family:Poppins;background-color:rgba(0,0,0,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>

                                <!-- LAYER NR. 12 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-7-layer-1" 
                                     data-x="['center','center','center','center']" data-hoffset="['-344','-344','0','1']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','128','103']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="image" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":410,"speed":1730,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5;"><img src="assets/img/slider/dummy.png" alt="" data-ww="['764px','764px','598px','428px']" data-hh="['373px','373px','292px','209px']" data-lazyload="assets/img/slider/onepage_3_2.png" data-no-retina> </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-8" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_onepage_5.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="04" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/onepage_5.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 13 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-8-layer-1" 
                                     data-x="['left','left','center','center']" data-hoffset="['206','206','0','0']" 
                                     data-y="['bottom','bottom','middle','middle']" data-voffset="['129','129','247','161']" 
                                                data-width="['623','623','623','439']"
                                    data-height="['280','280','280','168']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 623px; max-width: 623px; max-width: 280px; max-width: 280px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 14 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-8-layer-2" 
                                     data-x="['left','left','left','center']" data-hoffset="['157','157','157','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['36','36','36','0']" 
                                                data-color="['rgb(255,255,255)','rgb(255,255,255)','rgb(24,24,24)','rgb(24,24,24)']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+170","speed":1400,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 11px;font-family:Poppins;">new collections </div>

                                <!-- LAYER NR. 15 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-8-layer-3" 
                                     data-x="['left','left','left','center']" data-hoffset="['15','15','15','0']" 
                                     data-y="['top','top','top','middle']" data-voffset="['106','106','106','-18']" 
                                                data-fontsize="['46','46','46','32']"
                                    data-color="['rgb(255,255,255)','rgb(255,255,255)','rgb(24,24,24)','rgb(24,24,24)']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+370","speed":1650,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 46px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Poppins;">Mid Century Dinning Table </div>

                                <!-- LAYER NR. 16 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-8-layer-4" 
                                     data-x="['left','left','left','center']" data-hoffset="['225','225','225','0']" 
                                     data-y="['top','top','top','bottom']" data-voffset="['177','177','177','0']" 
                                                data-color="['rgb(255,255,255)','rgb(255,255,255)','rgb(24,24,24)','rgb(24,24,24)']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+560","speed":1730,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(219,0,8);bc:rgb(219,0,8);"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[12,12,12,12]"
                                    data-paddingright="[50,50,50,50]"
                                    data-paddingbottom="[12,12,12,12]"
                                    data-paddingleft="[50,50,50,50]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 28px; font-weight: 500; color: #ffffff;font-family:Poppins;background-color:rgba(0,0,0,0);border-color:rgb(255,255,255);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-9" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_onepage_1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="05" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/onepage_1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 17 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-9-layer-3" 
                                     data-x="['left','left','center','center']" data-hoffset="['370','370','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-245','-218']" 
                                                data-width="['525','525','524','473']"
                                    data-height="['250','250','177','176']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-basealign="slide" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; min-width: 525px; max-width: 525px; max-width: 250px; max-width: 250px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 18 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-9-layer-4" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['33','33','0','0']" 
                                                data-fontsize="['36','36','36','28']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+620","speed":1810,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','center','center']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 36px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Cotton Pre Shrunk Urban<br/> Stripe Dish Towel </div>

                                <!-- LAYER NR. 19 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-9-layer-5" 
                                     data-x="['left','left','center','center']" data-hoffset="['-5','-5','0','0']" 
                                     data-y="['top','top','bottom','bottom']" data-voffset="['165','165','0','0']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+1130","speed":1760,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgb(220,1,9);"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[12,12,12,12]"
                                    data-paddingright="[50,50,50,50]"
                                    data-paddingbottom="[12,12,12,12]"
                                    data-paddingleft="[50,50,50,50]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 28px; font-weight: 500; color: #181818;font-family:Poppins;background-color:rgba(0,0,0,0);border-color:rgb(24,24,24);border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>

                                <!-- LAYER NR. 20 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-9-layer-1" 
                                     data-x="['right','right','center','center']" data-hoffset="['300','300','0','-2']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','158','111']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="image" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":350,"speed":1580,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5;"><img src="assets/img/slider/dummy.png" alt="" data-ww="['575px','575px','476px','381px']" data-hh="['594px','594px','492px','394px']" data-lazyload="assets/img/slider/onepage_1_1.png" data-no-retina> </div>
                            </li>
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> 
                    </div>
                </div>
                <!-- END REVOLUTION SLIDER -->
            </div>
            <!-- Slider area End -->
        </div>
        <!-- Main Content Wrapper Start -->

        <!-- Footer Start -->
        <footer class="footer footer-2">
            <div class="container">
                <div class="footer-top pt--80 pt-md--60">
                    <div class="row justify-content-center">
                        <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11 col-12 text-center">
                            <div class="footer-widget mb--20">
                                <div class="textwidget">
                                    <a href="index.html" class="footer-logo">
                                       <img src="assets/img/logo/logo.png" alt="Logo" class="logo-img mb--20"> 
                                    </a>
                                    <p>Integer ut ligula quis lectus fringilla elementum porttitor sed est. Duis fringilla efficitur ligula sed lobortis.</p>
                                </div>
                            </div>
                            <div class="footer-widget mb--20">
                                <div class="textwidget">
                                    <!-- Social Icons Start Here -->
                                    <ul class="social">
                                        <li class="social__item">
                                            <a href="https://facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://pinterest.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://linkedin.com" class="social__link">
                                                <i class="fa fa-linkedin-square"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://behance.net" class="social__link">
                                                <i class="fa fa-behance"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                            <div class="footer-widget mb--25">
                                <form action="https://company.us19.list-manage.com/subscribe/post?u=2f2631cacbe4767192d339ef2&amp;id=24db23e68a" class="newsletter-form newsletter-form--2 mc-form" method="post" target="_blank">
                                    <input type="email" name="EMAIL" id="newsletter-email" class="newsletter-form__input" placeholder="Enter Your Email Address..">
                                    <button type="submit" class="newsletter-form__submit">
                                        <i class="dl-icon-right"></i>
                                    </button>
                                </form>
                                <!-- mailchimp-alerts Start -->
                                <div class="mailchimp-alerts">
                                    <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                    <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                    <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                </div>
                                <!-- mailchimp-alerts end -->
                            </div>
                            <div class="footer-widget">
                                <ul class="footer-menu d-flex justify-content-between flex-sm-row flex-column">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="shop-collections.html">Portfolios</a></li>
                                    <li><a href="contact-us.html">Our Services</a></li>
                                    <li><a href="#">Affiliate Program</a></li>
                                    <li><a href="#">Work for Zuka</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom pt--40 pb--45">
                    <div class="row">
                        <div class="col-12 text-center">
                            <p class="copyright-text">&copy; 2018 ZUKA. Designed by HasTech</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Search from Start --> 
        <div class="searchform__popup" id="searchForm">
            <a href="#" class="btn-close"><i class="dl-icon-close"></i></a>
            <div class="searchform__body">
                <p>Start typing and press Enter to search</p>
                <form class="searchform">
                    <input type="text" name="popup-search" id="popup-search" class="searchform__input" placeholder="Search Entire Store...">
                    <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button>
                </form>
            </div>
        </div>
        <!-- Search from End --> 
        
        <!-- Side Navigation Start -->
        <aside class="side-navigation" id="sideNav">
            <div class="side-navigation-wrapper">
                <div class="side-navigation-inner">
                    <div class="widget mb--30">
                        <ul class="sidenav-menu">
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="shop-collections.html">Portfolios</a></li>
                            <li><a href="contact-us.html">Our Services</a></li>
                            <li><a href="#">Affiliate Program</a></li>
                            <li><a href="#">Work For Zuka</a></li>
                        </ul>
                    </div>
                    <div class="widget mb--30">
                        <div class="banner-box banner-type-1 banner-hover-1">
                            <div class="banner-inner">
                                <div class="banner-image">
                                    <img src="assets/img/banner/menu-humberger.jpg" alt="Banner">
                                </div>
                                <div class="banner-info">
                                    <a class="banner-title-1 text-uppercase" href="shop-sidebar.html">New</a>
                                </div>
                                <a class="banner-link banner-overlay" href="shop-sidebar.html">New</a>
                            </div>
                        </div>
                    </div>
                    <div class="widget mb--30">
                        <div class="text-widget">
                            <p>
                                <a href="#">(+612) 2531 5600</a>
                                <a href="mailto:info@la-studioweb.com">info@la-studioweb.com</a>
                                PO Box 1622 Colins Street West
                            </p>
                        </div>
                    </div>
                    <div class="widget mb--5">
                        <div class="text-widget google-map-link">
                            <p>
                                <a href="https://www.google.com/maps" target="_blank">Google Maps</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                    </div>
                    <div class="widget mtb--15">
                        <div class="text-widget">
                            <p>
                                <img src="assets/img/others/payments.png" alt="payment">
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <p class="copyright-text">&copy; 2018 Zuka Shop All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Side Navigation End -->

        <!-- Mini Cart Start -->
        <aside class="mini-cart" id="miniCart">
            <div class="mini-cart-wrapper">
                <a href="" class="btn-close"><i class="dl-icon-close"></i></a>
                <div class="mini-cart-inner">
                    <h5 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h5>
                    <div class="mini-cart__content">
                        <ul class="mini-cart__list">
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-26-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Atlin Designs Mid Century Club Chair</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-30-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-29-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-31-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                        </ul>
                        <div class="mini-cart__total">
                            <span>Subtotal:</span>
                            <span class="ammount">&pound;98.00</span>
                        </div>
                        <div class="mini-cart__buttons">
                            <a href="cart.html" class="btn btn-fullwidth btn-style-1">View Cart</a>
                            <a href="checkout.html" class="btn btn-fullwidth btn-style-1">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Mini Cart End -->

        <!-- Global Overlay Start -->
        <div class="zuka-global-overlay"></div>
        <!-- Global Overlay End -->
 
        <!-- Modal Start -->
        <div class="modal fade product-modal" id="productModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <button type="button" class="close custom-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><i class="dl-icon-close"></i></span>
                </button>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="zuka-element-carousel product-image-carousel nav-vertical-center nav-style-1"
                                data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "arrows": true,
                                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                                }'
                        >
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-1.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-2.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="modal-box product-summary">
                            <div class="product-top-meta d-flex justify-content-between flex-sm-row flex-column-reverse">
                                <div class="product-rating d-flex">
                                    <div class="star-rating star-five">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                    <a href="" class="review-link">(1 customer review)</a>
                                </div>
                                <div class="product-navigation">
                                    <a href="#" class="prev"><i class="dl-icon-left"></i></a>
                                    <a href="#" class="next"><i class="dl-icon-right"></i></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <h3 class="product-title mb--30 mb-md--20">Waxed-effect pleated skirt</h3>
                            <div class="product-price-wrapper mb--30 mb-md--20">
                                <span class="product-price-old">
                                    <span class="money">&pound;60.00</span>
                                </span>
                                <span class="money">&pound;49.00</span>
                            </div>
                            <p class="product-short-description mb--30 mb-md--20">Donec accumsan auctor iaculis. Sed suscipit arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-action d-flex flex-row align-items-center mb--20">
                                <div class="quantity mr--20">
                                    <input type="number" class="quantity-input" name="qty" id="quick-qty" value="1" min="1">
                                </div>
                                <button type="button" class="btn btn-style-1 btn-semi-large btn-shape-round add-to-cart" onclick="window.location.href='cart.html'">
                                    Add To Cart
                                </button>
                                <a href="wishlist.html" class="action-btn action-btn-square"><i class="dl-icon-heart2"></i></a>
                                <a href="compare.html" class="action-btn action-btn-square"><i class="dl-icon-compare2"></i></a>
                            </div>  
                            <div class="product-extra mb--20">
                                <a href="#" class="font-size-12"><i class="fa fa-map-marker"></i>Find store near you</a>
                                <a href="#" class="font-size-12"><i class="fa fa-exchange"></i>Delivery and return</a>
                            </div>
                            <div class="product-summary-footer">
                                <div class="product-meta mb--20">
                                    <span class="sku_wrapper font-size-12">SKU: <span class="sku">REF. LA-887</span></span>
                                    <span class="posted_in font-size-12">Categories: <a href="shop-sidebar.html" rel="tag">Fashions</a></span>
                                </div>
                                <div class="product-share-box">
                                    <span class="font-size-12">Share With</span>
                                    <!-- Social Icons Start Here -->
                                    <ul class="social social-small">
                                        <li class="social__item">
                                            <a href="facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal End -->
    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- All Plugins Js -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script src="assets/js/revoulation/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/revoulation/jquery.themepunch.revolution.min.js"></script>    

    <!-- REVOLUTION ACTIVE JS FILES -->
    <script src="assets/js/revoulation.js"></script>

</body>

</html>